<html lang="en">

<head>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
  
<meta charset="utf-8">
  
<link href="../css/jquery.mobile-1.0.css" rel="stylesheet">
  
<meta content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1" name="viewport">
  
<script charset="utf-8" src="../js/jquery-1.7.1.min.js" type="text/javascript"></script>
  <script charset="utf-8" src="../js/underscore-min.js" type="text/javascript"></script>
  <script charset="utf-8" src="../js/backbone-min.js" type="text/javascript"></script>
  <script charset="utf-8" src="../js/backbone.localStorage-min.js" type="text/javascript"></script>
  <script charset="utf-8" src="../js/jquery.mobile-1.0.min.js" type="text/javascript"></script>
  
  <script src="../js/Home.js" type="text/javascript"></script>
  <script src="../js/Request.js" type="text/javascript"></script>

</head>


<body id="bodyID">&lt;html&gt;&#13;
&lt;head&gt;&#13;
&lt;META http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;&#13;
&lt;meta charset="utf-8"&gt;&#13;
&lt;link rel="stylesheet" href="../css/jquery.mobile-1.0.css"&gt;&#13;
&lt;meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1"&gt;&#13;
&lt;script src="../js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;&lt;script src="../js/underscore-min.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;&lt;script src="../js/backbone-min.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;&lt;script src="../js/backbone.localStorage-min.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;&lt;script src="../js/jquery.mobile-1.0.min.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;&lt;script type="text/javascript" src="../js/Home.js"&gt;&lt;/script&gt;&lt;script type="text/javascript" src="../js/Request.js"&gt;&lt;/script&gt;&#13;
&lt;title&gt;Election Observation Tool&lt;/title&gt;&#13;
&lt;/head&gt;&#13;
&lt;body&gt;&#13;
&lt;div id="page1" data-role="page"&gt;&#13;
&lt;div data-role="header" data-position="fixed"&gt;&#13;
&lt;h1&gt;Question 1/5&lt;/h1&gt;&#13;
&lt;/div&gt;&#13;
&lt;div data-role="content"&gt;&#13;
&lt;fieldset data-role="controlgroup"&gt;&#13;
&lt;label for="textarea-a"&gt;How would you describe your voting experience?&lt;/label&gt;&lt;textarea name="textarea-a" id="textarea-a"&gt;Write in this box.&lt;/textarea&gt;&#13;
&lt;/fieldset&gt;&#13;
&lt;/div&gt;&#13;
&lt;div data-role="footer" data-position="fixed" data-id="global-nav-bar"&gt;&#13;
&lt;div data-role="navbar" data-position="fixed"&gt;&#13;
&lt;ul&gt;&#13;
&lt;li&gt;&#13;
&lt;a id="backID" href="#page0" data-role="button" data-icon="arrow-l" data-transition="slide" data-direction="reverse"&gt;&lt;/a&gt;&#13;
&lt;/li&gt;&#13;
&lt;li&gt;&#13;
&lt;a href="#menu" data-role="button" data-icon="grid" data-rel="dialog" data-transition="fade"&gt;&lt;/a&gt;&#13;
&lt;/li&gt;&#13;
&lt;li&gt;&#13;
&lt;a id="nextID" href="#page2" data-role="button" data-icon="arrow-r" data-transition="slide" data-direction="forward"&gt;&lt;/a&gt;&#13;
&lt;/li&gt;&#13;
&lt;/ul&gt;&#13;
&lt;/div&gt;&#13;
&lt;/div&gt;&#13;
&lt;/div&gt;&#13;
&lt;div id="page2" data-role="page"&gt;&#13;
&lt;div data-role="header" data-position="fixed"&gt;&#13;
&lt;h1&gt;Question 2/5&lt;/h1&gt;&#13;
&lt;/div&gt;&#13;
&lt;div data-role="content"&gt;&#13;
&lt;fieldset data-role="controlgroup"&gt;&#13;
&lt;legend&gt;How long did you wait in line?&lt;/legend&gt;&lt;input type="radio" name="radio-choice-1" id="radio-choice-1" value="radio-1"&gt;&lt;label for="radio-choice-1"&gt;&#13;
				0-10 minutes&#13;
			&lt;/label&gt;&lt;input type="radio" name="radio-choice-1" id="radio-choice-2" value="radio-2" checked&gt;&lt;label for="radio-choice-2"&gt;&#13;
				10-30 minutes&#13;
			&lt;/label&gt;&lt;input type="radio" name="radio-choice-1" id="radio-choice-3" value="radio-3"&gt;&lt;label for="radio-choice-3"&gt;&#13;
				30-60 minutes&#13;
			&lt;/label&gt;&#13;
&lt;/fieldset&gt;&#13;
&lt;/div&gt;&#13;
&lt;div data-role="footer" data-position="fixed" data-id="global-nav-bar"&gt;&#13;
&lt;div data-role="navbar" data-position="fixed"&gt;&#13;
&lt;ul&gt;&#13;
&lt;li&gt;&#13;
&lt;a id="backID" href="#page1" data-role="button" data-icon="arrow-l" data-transition="slide" data-direction="reverse"&gt;&lt;/a&gt;&#13;
&lt;/li&gt;&#13;
&lt;li&gt;&#13;
&lt;a href="#menu" data-role="button" data-icon="grid" data-rel="dialog" data-transition="fade"&gt;&lt;/a&gt;&#13;
&lt;/li&gt;&#13;
&lt;li&gt;&#13;
&lt;a id="nextID" href="#page3" data-role="button" data-icon="arrow-r" data-transition="slide" data-direction="forward"&gt;&lt;/a&gt;&#13;
&lt;/li&gt;&#13;
&lt;/ul&gt;&#13;
&lt;/div&gt;&#13;
&lt;/div&gt;&#13;
&lt;/div&gt;&#13;
&lt;div id="page3" data-role="page"&gt;&#13;
&lt;div data-role="header" data-position="fixed"&gt;&#13;
&lt;h1&gt;Question 3/5&lt;/h1&gt;&#13;
&lt;/div&gt;&#13;
&lt;div data-role="content"&gt;&#13;
&lt;fieldset data-role="controlgroup"&gt;&#13;
&lt;label for="textarea-a"&gt;What was the best part?&lt;/label&gt;&lt;textarea name="textarea-a" id="textarea-a"&gt;initial text&lt;/textarea&gt;&#13;
&lt;/fieldset&gt;&#13;
&lt;/div&gt;&#13;
&lt;div data-role="footer" data-position="fixed" data-id="global-nav-bar"&gt;&#13;
&lt;div data-role="navbar" data-position="fixed"&gt;&#13;
&lt;ul&gt;&#13;
&lt;li&gt;&#13;
&lt;a id="backID" href="#page2" data-role="button" data-icon="arrow-l" data-transition="slide" data-direction="reverse"&gt;&lt;/a&gt;&#13;
&lt;/li&gt;&#13;
&lt;li&gt;&#13;
&lt;a href="#menu" data-role="button" data-icon="grid" data-rel="dialog" data-transition="fade"&gt;&lt;/a&gt;&#13;
&lt;/li&gt;&#13;
&lt;li&gt;&#13;
&lt;a id="nextID" href="#page4" data-role="button" data-icon="arrow-r" data-transition="slide" data-direction="forward"&gt;&lt;/a&gt;&#13;
&lt;/li&gt;&#13;
&lt;/ul&gt;&#13;
&lt;/div&gt;&#13;
&lt;/div&gt;&#13;
&lt;/div&gt;&#13;
&lt;div id="page4" data-role="page"&gt;&#13;
&lt;div data-role="header" data-position="fixed"&gt;&#13;
&lt;h1&gt;Question 4/5&lt;/h1&gt;&#13;
&lt;/div&gt;&#13;
&lt;div data-role="content"&gt;&#13;
&lt;fieldset data-role="controlgroup"&gt;&#13;
&lt;legend&gt;This is a third question.&lt;/legend&gt;&lt;input type="radio" name="radio-choice-2" id="radio-choice-1" value="radio-1"&gt;&lt;label for="radio-choice-1"&gt;&#13;
				This is a first choice.&#13;
			&lt;/label&gt;&lt;input type="radio" name="radio-choice-2" id="radio-choice-2" value="radio-2" checked&gt;&lt;label for="radio-choice-2"&gt;&#13;
				This is a second choice.&#13;
			&lt;/label&gt;&#13;
&lt;/fieldset&gt;&#13;
&lt;/div&gt;&#13;
&lt;div data-role="footer" data-position="fixed" data-id="global-nav-bar"&gt;&#13;
&lt;div data-role="navbar" data-position="fixed"&gt;&#13;
&lt;ul&gt;&#13;
&lt;li&gt;&#13;
&lt;a id="backID" href="#page3" data-role="button" data-icon="arrow-l" data-transition="slide" data-direction="reverse"&gt;&lt;/a&gt;&#13;
&lt;/li&gt;&#13;
&lt;li&gt;&#13;
&lt;a href="#menu" data-role="button" data-icon="grid" data-rel="dialog" data-transition="fade"&gt;&lt;/a&gt;&#13;
&lt;/li&gt;&#13;
&lt;li&gt;&#13;
&lt;a id="nextID" href="#page5" data-role="button" data-icon="arrow-r" data-transition="slide" data-direction="forward"&gt;&lt;/a&gt;&#13;
&lt;/li&gt;&#13;
&lt;/ul&gt;&#13;
&lt;/div&gt;&#13;
&lt;/div&gt;&#13;
&lt;/div&gt;&#13;
&lt;div id="page5" data-role="page"&gt;&#13;
&lt;div data-role="header" data-position="fixed"&gt;&#13;
&lt;h1&gt;Question 5/5&lt;/h1&gt;&#13;
&lt;/div&gt;&#13;
&lt;div data-role="content"&gt;&#13;
&lt;fieldset data-role="controlgroup"&gt;&#13;
&lt;legend&gt;This is a third question.&lt;/legend&gt;&lt;input type="checkbox" name="check-choice-1" id="check-choice-1" class="custom"&gt;&lt;label for="check-choice-1"&gt;&#13;
      This is a first choice.&#13;
    &lt;/label&gt;&lt;input type="checkbox" name="check-choice-1" id="check-choice-2" class="custom" checked&gt;&lt;label for="check-choice-2"&gt;&#13;
      This is a second choice.&#13;
    &lt;/label&gt;&#13;
&lt;/fieldset&gt;&#13;
&lt;/div&gt;&#13;
&lt;div data-role="footer" data-position="fixed" data-id="global-nav-bar"&gt;&#13;
&lt;div data-role="navbar" data-position="fixed"&gt;&#13;
&lt;ul&gt;&#13;
&lt;li&gt;&#13;
&lt;a id="backID" href="#page4" data-role="button" data-icon="arrow-l" data-transition="slide" data-direction="reverse"&gt;&lt;/a&gt;&#13;
&lt;/li&gt;&#13;
&lt;li&gt;&#13;
&lt;a href="#menu" data-role="button" data-icon="grid" data-rel="dialog" data-transition="fade"&gt;&lt;/a&gt;&#13;
&lt;/li&gt;&#13;
&lt;li&gt;&#13;
&lt;a id="nextID" href="#page0" data-role="button" data-icon="arrow-r" data-transition="slide" data-direction="forward"&gt;&lt;/a&gt;&#13;
&lt;/li&gt;&#13;
&lt;/ul&gt;&#13;
&lt;/div&gt;&#13;
&lt;/div&gt;&#13;
&lt;/div&gt;&#13;
&lt;/body&gt;&#13;
&lt;/html&gt;&#13;
</body>

</html>
